<!DOCTYPE HTML>
<html>
<head>
<title>Men</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Lookz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="/lib/lib_css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="/lib/lib_css/flexslider.css" rel='stylesheet' type='text/css' />
<link href="../css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!-- start menu -->
<link href="/lib/lib_css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="wrap">	
<div class="container">
    <!-- header 复用-->
    <div class="header"></div>
<div class="content">
  <div class="content_box">
	<div class="men">
	  <div class="col-md-3 sidebar">
	  	<div class="block block-layered-nav">
		    <div class="block-title">
		        <strong><span>Shop By</span></strong>
		    </div>
    <div class="block-content">
                                    
            <dl id="narrow-by-list">
                                                                                                    <dt class="odd">processus</dt>
                    <dd class="odd">
<ol>
    <li>
                <a href="#"><span class="price1">US$&nbsp;0,00</span> - <span class="price1">US$&nbsp;99,99</span></a>
                        (4)
            </li>
    <li>
                <a href="#"><span class="price1">US$&nbsp;100,00</span> - <span class="price1">US$&nbsp;199,99</span></a>
                        (4)
            </li>
    <li>
                <a href="#"><span class="price1">US$&nbsp;200,00</span> - <span class="price1">US$&nbsp;299,99</span></a>
                        (1)
            </li>
    <li>
                <a href="#"><span class="price1">US$&nbsp;400,00</span> - <span class="price1">US$&nbsp;499,99</span></a>
                        (1)
            </li>
    <li>
                <a href="#"><span class="price1">US$&nbsp;800,00</span> and above</a>
                        (1)
            </li>
</ol>
</dd>
                                                                    <dt class="even">Manufacturer</dt>
                    <dd class="even">
<ol>
    <li>
                <a href="#">Calvin Klein</a>
                        (2)
            </li>
    <li>
                <a href="#">Diesel</a>
                        (1)
            </li>
    <li>
                <a href="#">Polo</a>
                        (1)
            </li>
    <li>
                <a href="#">Tommy Hilfiger</a>
                        (1)
            </li>
    <li>
                <a href="#">Versace</a>
                        (1)
            </li>
</ol>
</dd>
                                                                    <dt class="last odd">Color</dt>
                    <dd class="last odd">
<ol>
    <li>
        Black                        (0)
            </li>
    <li>
                <a href="#">Blue</a>
                        (2)
            </li>
    <li>
                <a href="#">Green</a>
                        (1)
            </li>
    <li>
                <a href="#">Grey</a>
                        (1)
            </li>
    <li>
                <a href="#">Red</a>
                        (1)
            </li>
    <li>
                <a href="#">White</a>
                        (1)
            </li>
</ol>
</dd>
                                            </dl>
           
            </div>
</div>
<div class="block block-cart">
        <div class="block-title">
        <strong><span>Carrello</span></strong>
    </div>
    <div class="block-content">
                        <p class="empty">You have no items in your shopping cart.</p>
        </div>
</div>
<div class="block block-list block-compare">
    <div class="block-title">
        <strong><span>Compare Products                    </span></strong>
    </div>
    <div class="block-content">
            <p class="empty">You have no items to compare.</p>
        </div>
</div>
</div>
<div class="col-md-9">
	<div class="mens-toolbar">
          <div class="sort">
               	<div class="sort-by">
		            <label>Sort By</label>
		            <select>
		                            <option value="">
		                    Popularity               </option>
		                            <option value="">
		                    Price : High to Low               </option>
		                            <option value="">
		                    Price : Low to High               </option>
		            </select>
		        </div>
    		</div>
	        <div class="pager">   
	           <div class="limiter visible-desktop">
	            <label>Show</label>
	            <select>
	                            <option value="" selected="selected">
	                    9                </option>
	                            <option value="">
	                    15                </option>
	                            <option value="">
	                    30                </option>
	                        </select> per page        
	             </div>
	       		<ul class="dc_pagination dc_paginationA dc_paginationA06">
				    <li><a href="#" class="previous">Pages</a></li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
			  	</ul>
		   		<div class="clearfix"></div>
	    	</div>
     	    <div class="clearfix"></div>
	     </div>
	     <div class="span_2 list_box">

	     </div>
	     <!-- 定义模板 标准语法-->
		<script type="text/html" id="list_temp">
			{{each list curr index}}
			<div class="col_1_of_single1 span_1_of_single1">
				<a href="/html/single.html">
				  	<img src="{{curr.img_url2}}" class="img-responsive" alt=""/>
				  	<h3>{{curr.title}}</h3>
				  	<p>{{curr.desc}}</p>
					<h4>{{curr.price}}</h4>
				</a>  
			</div> 
			{{/each}}
		</script>
		<!-- 定义模板 原始语法 -->
		<!-- <script type="text/html" id="list_temp">
			<% for (var i = 0,len = list.length;i < len;i++){var curr=list[i]%>
				<div class="col_1_of_single1 span_1_of_single1">
					<a href="/html/single.html">
						  <img src="<%=curr.img_url2%>" class="img-responsive" alt=""/>
						  <h3><%=curr.title%></h3>
						  <p><%=curr.desc%></p>
						<h4><%=curr.price%></h4>
					</a>  
				</div> 
			<%}%>
		</script> -->
	           <!-- <div class="span_2">
	          	<div class="col_1_of_single1 span_1_of_single1">
	          	    	<a href="single.html">
					<img src="../images/m1.jpg" class="img-responsive" alt=""/>
					<h3>parum clari</h3>
					<p>Duis autem vel eum iriure</p>
				   	<h4>Rs.399</h4>
				</a>  
			</div> 
			<div class="col_1_of_single1 span_1_of_single1">
	          	        <a href="single.html">
				     	<img src="../images/m2.jpg" class="img-responsive" alt=""/>
				     	<h3>parum clari</h3>
				   	<p>Duis autem vel eum iriure</p>
				   	<h4>Rs.399</h4>
			        </a>  
			</div> 
			<div class="col_1_of_single1 span_1_of_single1">
	          	   	<a href="single.html">
				     	<img src="/images/m3.jpg" class="img-responsive" alt=""/>
				    	<h3>parum clari</h3>
				   	<p>Duis autem vel eum iriure</p>
				   	<h4>Rs.399</h4>
			        </a>  
			</div> 
				  <!-- 清除前后浮动、万能清除法 -->
			<!-- <div class="clearfix"></div>
			  </div> --> 
			  <!-- <div class="span_2">
	          	 <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				     <img src="/images/m4.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				    <img src="/images/m5.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				     <img src="/images/m6.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="clearfix"></div>
			  </div> -->
			  <!-- <div class="span_3">
	          	 <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				     <img src="/images/m7.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				     <img src="/images/m8.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="col_1_of_single1 span_1_of_single1">
	          	    <a href="single.html">
				     <img src="/images/m9.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			         </a>  
				  </div> 
				  <div class="clearfix"></div>
			  </div>  -->
            </div>
          <div class="clearfix"> </div>
    </div>
	<!-- footer复用 -->
	<div class="footer"></div>
   </div>
</div>
<script src="/lib/requirejs/require.js" data-main="../js/list.js"></script>
</body>
</html>		